<template>
  <icon-svg
    :class="{
      weixiu1: iconClass === 'weixiu1',
      anzhuang1: iconClass === 'anzhuang1',
      baoyang1: iconClass === 'baoyang1',
      tuihuan1: iconClass === 'tuihuan1',
    }"
    :iconClass="iconClass"
  ></icon-svg>
</template>

<script>
export default {
  name: 'customIcon',
  props: {
    iconClass: {
      type: String,
      required: true
    }
  }
};
</script>

<style scoped lang="stylus">
  .weixiu1
    color #BDE3FA
    background linear-gradient(180deg, #53C2FF, #4AA4FF)
    box-shadow 0px 3px 8px 0px #BDE3FA
  .anzhuang1
    color #FFEEAD
    background linear-gradient(180deg, #FEDF46, #FEDF46)
    box-shadow 0px 3px 8px 0px #FFEEAD
  .baoyang1
    color #A1ECCD
    background linear-gradient(180deg, #31E69A, #2FE398)
    box-shadow 0px 3px 8px 0px #A1ECCD
  .tuihuan1
    color #FFD8A5
    background linear-gradient(180deg, #FFA126, #FFA126)
    box-shadow 0px 3px 8px 0px #FFD8A5
    border-radius 4px
</style>
